﻿<script>
 $(document).ready(function(){
     var h2 = $(".container3").height();
	 var H = $(window).height();
	 $(".container2").css("height",H-h2);

	 go("背包");
     // 加载背包
    //  $.get(host + "/backpack", {action:"getBackPack", category:0}, function(res){
    //     console.log(JSON.stringify(res));
    //     var backpack = res.backpack;
    //     // 类别
    //     var category = res.category;
    //     // 物品
    //     var goods = res.goods;
    //     // 编码json
    //     var res_info = escape(JSON.stringify(res));
    //     // 赋值物品的种类
    //     for (var i = 0; i < category.length; i++){
    //         $(".flsx_con").append("<a href='javascript:void(0)' onclick='f_goods_category(1, \""+res_info+"\", "+i+")'>"+category[i].desc+"</a>");
    //     }
    //     // 赋值 游戏货币
    //     $(".deposit").html("<img src='images/ico06.png' class='xntb'>"+backpack.deposit+"<a href='javascript:void(0)'><img src='images/ico08.png' alt='' class='xn_cz'></a>");
    //     // 赋值 充值货币
    //     $(".money").html("<img src='images/ico07.png' class='xntb'>"+backpack.money+"");
    //     // 默认 选择全部
    //     f_goods_category(-1, res_info, -1);
    //
    //     // 点击全部 获取全部物品
    //     $(".all").click(function(){
    //         // 全部的类别为-1
    //         f_goods_category(-1, res_info, -1);
    //     })
    // }, "json");

     // 关闭背包 加载人物界面
     $(".gb_bp").click(function(){
        $(".page").load("page/player_attr.html");
     });
 })

// 不同类别 不同赋值函数
function f_goods_category(num, res_info, index){
    // 解码json
    var res = JSON.parse(unescape(res_info));
    var backpack = res.backpack;
    var category = res.category;
    var goods = res.goods;
    // 清空物品
    $(".xn_xq").html("");
    // 该类物品数量
    var goods_count = 0;
    // 赋值 所有物品
    for (var i = 0; i < goods.length; i++){
        // 判别物品的类别
        // 如果类别不是全部
        if(num != -1){
            // 赋值 类别
            $(".flsx").html(category[index].desc+"<img src='images/flsx.png'>");
            if(goods[i].category == category[index].category_id){
                categoty_img(goods[i]);
                // 物品数目增加
                goods_count++;
            }
        }
        // 类别是全部
        else {
            $(".flsx").html("分类筛选"+"<img src='images/flsx.png'>");
            categoty_img(goods[i]);
            // 物品数目为数组总数
            goods_count = goods.length;
        }
    }
    // 赋值空背包格数
    for (var i = 0; i < backpack.bp_size - goods_count; i++){
        $(".xn_xq").append("<div class='xn_tb'><img src='../images/zb2.png'></div>");
    }
}

// 不同类别 不同图片
function categoty_img(goods){
    switch(goods.category){
        // 装备
        case 119:
            $(".xn_xq").append("<div class='xn_tb xn_tb"+goods.equip_color+" goods_"+goods.id+"'><img src='images/sx"+goods.equip_image+".png' onclick='goods_detail("+goods.category+", "+goods.id+")'><span class='num'>"+goods.quantity+"</span></div>");
            break;
        // 药品
        case 120:
            $(".xn_xq").append("<div class='xn_tb xn_tb"+goods.equip_color+" goods_"+goods.id+"'><img src='images/sx"+goods.drug_img+".png' onclick='goods_detail("+goods.category+", "+goods.id+")'><span class='num'>"+goods.quantity+"</span></div>");
            break;
        // 材料
        case 129:
            $(".xn_xq").append("<div class='xn_tb xn_tb"+goods.equip_color+" goods_"+goods.id+"'><img src='images/sx"+goods.material_img+".png' onclick='goods_detail("+goods.category+", "+goods.id+")'><span class='num'>"+goods.quantity+"</span></div>");
            break;
    }
}

// 点击获取物品详情
function goods_detail(goods_category, goods_id){
    switch(goods_category){
        // 装备
        case 119:
            url = host+"/page/equipment.html?goods_id="+goods_id+"&html_id=2";
            $.post("/page/equipment.html?goods_id="+goods_id+"&html_id=2", function(res){
                $(".tkbox2").html(res);
            });
            break;
        // 药品
        case 120:
            url = host+"/page/drug.html?goods_id="+goods_id;
            $.post("/page/drug.html?goods_id="+goods_id, function(res){
                $(".tkbox2").html(res);
            });
            break;
        // 材料 其余
        default:
            url = host+"/page/material.html?goods_id="+goods_id;
            $.post("/page/material.html?goods_id="+goods_id, function(res){
                $(".tkbox2").html(res);
            });
            break;
    }
}
</script>
<script>
  $(function () { 
	  $(".flsx_slider").hide()
      $("a.flsx").click(function (event) {    
         event.stopPropagation();    
         $(".flsx_slider").toggle('fast');    
          });   
	  $(".flsx_slider a").click(function(event){
		 event.stopPropagation(); 
		 $(".flsx_slider").hide();
		 })
     $(document).click(function (event) { $(".flsx_slider").slideUp('fast') });  	 
             
  })
</script>
</head>
<body class="bd01">
<div class="container2">

<div class="xn_con1">
     <div class="tit01">行囊<img src="images/bk12.png" alt=""></div>

     <!-- 类别选择 -->
     <a class="flsx"></a>
     
     <div class="flsx_slider">
      <div class="flsx_sjx"></div>
      <div class="flsx_con">
        <a href='javascript:void(0)' class="all">全部</a>
      </div>
     </div>
     <div class="xn_txt1">
        <span class="deposit"></span>|<span class="money"></span>
    </div>
    </div>
    <!-- 背包 物品图片 -->
     <div class="xn_con2">
       <div class="xn_xq"></div>
     </div>
     
     <!-- 事件按钮 -->
      <div class="zb_cz">
      <a class="but02">整理</a>
      <a class="but02 gb_bp">关闭</a>
      </div>

</div>